
/* Override the top margin - needed so the lead image spacer can control top margin. */
.content {margin-top:0px;}

.lead_image_div {
    margin-left:-16px !important;
    margin-right:-16px !important;
    z-index: 1;
}

#lead_image_none .lead_image_div {
    height:auto !important;
    background-image:none;
}

#lead_image_none #lead_image_placeholder {
    display:none;
}

#lead_image_none #lead_image_gradient {
    display:none;
}

#lead_image_text_container {
    padding:16px;
    width:100%;
    z-index: 4;
    box-sizing:border-box;
}

#lead_image_none #lead_image_text_container {
    position: relative !important;
    padding-bottom:0px !important;
    padding-top:0px !important;
}

#lead_image_title, #lead_image_description {
    font-family: Times New Roman;
}

#lead_image_text_container,
#lead_image_placeholder,
#lead_image_gradient {
    pointer-events: none !important;
}

#lead_image_title {
    padding-top:4px;
    line-height:100%;
    margin-top:6px;
    margin-bottom:6px;
}

#lead_image_none #lead_image_title {
    color:#000 !important;
    text-shadow:none !important;
}

#lead_image_description {
    line-height:117%;
}

#lead_image_none #lead_image_description {
    color:#000 !important;
    text-shadow:none !important;
}

#lead_image_placeholder {
    opacity:1;
    background-repeat: no-repeat;
    background-size:cover;
    background-image:url(wmf://bundledImage/lead-default.png);
    width:100%;
    height:inherit;
    position:absolute;
    transition:opacity ease-in-out 0.5s;
    z-index: 2;
}

#lead_image_gradient {
    height:100%;
    background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.5) 100%);
    z-index: 3;
    position:absolute;
    width:100%;
}

@media (orientation: portrait) {
    .lead_image_div {
        height:180pt;
        background-repeat: no-repeat;
        background-size:cover;
        color:#fff;
        position: relative;
    }

    /* Tablet override */
    @media (min-device-width: 768px) {
        .lead_image_div {
            height:250pt;
        }
    }

    #lead_image_text_container {
        position: absolute;
        bottom: 0px;
    }

    #lead_image_title, #lead_image_description {
        text-shadow: 0px 1px 0.5px rgba(0, 0, 0, 0.25);
    }
}

@media (orientation: landscape) {
    .lead_image_div {
        background-image:none !important;
        height:auto;
        color:#000;
        padding-bottom:0px;
        padding-top:0px;
        pointer-events: auto !important;
    }

    #lead_image_placeholder, #lead_image_gradient {
        display:none;
        pointer-events: auto !important;
    }

    #lead_image_text_container {
        padding-bottom:0px;
        padding-top:0px;
        pointer-events: auto !important;
    }
}
